<template>
<div>
  <div>
    <span v-for="item in list" :key="item" >
      <input v-model="arr" type="checkbox" v-bind:value="item">
      {{item}}
    </span>
  </div>
  <ul>
    <li v-for="val in arr" :key="val">{{val}}</li>
  </ul>
</div>
</template>
<script>
export default {
  data(){
    return {
      list: ["科幻", "喜剧", "动漫", "冒险", "科技", "军事", "娱乐", "奇闻"],
      arr: []
    }
  }
}
</script>
<style scoped>
</style>